<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>vPanel - Dashboard</title>
    <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:extralight,light,regular,bold"
        media="screen" rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=PT+Serif+Caption" media="screen"
        rel="stylesheet" type="text/css">
    <link href="css/reset.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/grid.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/style.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/elfinder.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/jquery.ui.datatables.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/jquery.slidernav.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/jquery.fullcalendar.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/ui/default-ui/ui.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/ui/default-ui/portlet.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/ui/default-ui/jquery.ui.uniform.css" media="screen" rel="stylesheet"
        type="text/css">
    <link href="css/ui/default-ui/colors/jquery.ui.colors.default.css" media="screen"
        rel="stylesheet" type="text/css" class="uicolor">
    <link href="css/forms.css" media="screen" rel="stylesheet" type="text/css">
    <link href="css/prettify.css" media="screen" rel="stylesheet" type="text/css">
    <!--[if lt IE 8]> <link href="css/ie.css" media="screen" rel="stylesheet" type="text/css" ><![endif]-->
    <!--[if lt IE 9]> <script type="text/javascript" src="js/html5.js"></script><![endif]-->

    <script type="text/javascript" src="js/jquery.min.js"></script>

    <script type="text/javascript" src="js/jquery.selectors.js"></script>

    <script type="text/javascript" src="js/jquery.easing.js"></script>

    <script type="text/javascript" src="js/jquery.cookie.js"></script>

    <script type="text/javascript" src="js/hoverIntent.js"></script>

    <script type="text/javascript" src="js/jquery.tools.min.js"></script>

    <script type="text/javascript" src="js/overlay.apple.js"></script>

    <script type="text/javascript" src="js/jquery.ui.min.js"></script>

    <script type="text/javascript" src="js/jquery.uniform.min.js"></script>

    <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>

    <script type="text/javascript" src="js/jquery.slidernav.js"></script>

    <script type="text/javascript" src="js/jquery.fullcalendar.min.js"></script>

    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>

    <script type="text/javascript" src="js/superfish.js"></script>

    <script type="text/javascript" src="js/supersubs.js"></script>

    <script type="text/javascript" src="js/elfinder.full.js"></script>

    <script type="text/javascript" src="js/prettify/prettify.js"></script>

    <script type="text/javascript" src="js/jquery.wysiwyg.js"></script>

    <script type="text/javascript" src="js/global.js"></script>
    
     <script type="text/javascript" src="js/preview.js"></script>
     


    <!--[if lt IE 9]> <script type="text/javascript" src="js/selectivizr.js"></script><![endif]-->
    <!--[if lt IE 8]> <script type="text/javascript" src="js/ie.js"></script><![endif]-->

    <script>
	$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#quick-search" ).autocomplete({
			source: availableTags
		});
		
				$('#wysiwyg').wysiwyg({
    controls: {
        strikeThrough: { visible: true },
        underline: { visible: true },
        subscript: { visible: true },
        superscript: { visible: true }
    }
});
	});
    </script>

    <!-- LOADING SCRIPT -->

    <script>
$(window).load(function(){
    $("#loading").fadeOut(function(){
        $(this).remove();
        $('body').removeAttr('style');
    });
});
    </script>

    <style type="text/css">
        #container
        {
            position: absolute;
            top: 50%;
            left: 50%;
        }
        #content
        {
            width: 800px;
            text-align: center;
            margin-left: -400px;
            height: 50px;
            margin-top: -25px;
            line-height: 50px;
        }
        #content
        {
            font-family: "Helvetica" , "Arial" , sans-serif;
            font-size: 18px;
            color: black;
            text-shadow: 0px 1px 0px white;
        }
        #loadinggraphic
        {
            margin-right: 0.2em;
            margin-bottom: -2px;
        }
        #loading
        {
            background-color: #eeeeee;
            overflow: hidden;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9999;
        }
        
        .list-view {
    border-top: 1px solid #ddd;
    font-size: 12px;
    margin-left: -30px;
    margin-right: -30px;
}

.list-view > li {
    border-bottom: 1px solid #ddd;
    padding: 10px 30px 10px 55px;
    position: relative;
    zoom: 1;
}

.list-view > li.contact {
    background: transparent url(../images/icons/vcard.png) no-repeat 30px 10px;
}

.list-view > li.company {
    background: transparent url(../images/icons/building.png) no-repeat 30px 10px;
}

.list-view > li.note {
    background: transparent url(../images/icons/note.png) no-repeat 30px 10px;
}

.list-view > li.tick {
    background: transparent url(../images/icons/tick.png) no-repeat 30px 10px;
}

.list-view > li.calendar {
    background: transparent url(../images/icons/calendar.png) no-repeat 30px 10px;
}

.list-view > li:hover {
    background-color: #fafafa;
}

.list-view > li.current {
    background-color: #f1f1f1;
}

.list-view > li .more {
    background: #bcf url(../images/arrow-right.png) no-repeat center center;
    display: block;
    width: 16px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
    text-decoration: none;
    text-indent: -999em;
    visibility: hidden;
}

.list-view > li .more:hover {
    cursor: pointer;
}

.list-view > li:hover .more {
    visibility: visible;
}

.list-view > li.current .more {
    background-image: url(../images/arrow-left.png);
    visibility: visible;
}

.list-view > li .timestamp {
    color: #555;
    float: right;
    font-size: 9px;
}

.list-view > li a {
    font-weight: bold;
}

.list-view > li p {
    color: #111;
    margin: 0;
}

.list-view > li .entry-meta {
    color: #555;
}

.list-view > li .avatar {
    border: 1px solid #ddd;
    float: left;
    height: 32px;
    margin-right: 4px;
    width: 32px;
}

.list-view > li .avatar img {
    width: 32px;
    height: 32px;
}
.preview-pane {
    position: relative;
    z-index: 0;
}

.preview-pane .preview {
    background: #fcfcfc;
    display: block;
    top: 0;
    left: -370px;
    padding: 20px;
    position: absolute;
    height: 350px;
    width: 310px;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -khtml-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    -moz-box-shadow: 0 2px 2px #777;
    -webkit-box-shadow: 0 2px 2px #777;
    -khtml-box-shadow: 0 2px 2px #777;
    box-shadow: 0 2px 2px #777;
}

.preview-pane .preview > h3:first-child, .preview-pane .preview > h4:first-child {
    margin-top: 0;
}
    </style>
    <!-- LOADING SCRIPT END -->
</head>
<body>
    <!-- <div id="loading"> 
        <script type = "text/javascript"> 
            document.write("<div id='container'><p id='content'>" +
                           "<img id='loadinggraphic' width='16' height='16' src='images/ajax-loader-eeeeee.gif' /> " +
                           "Loading...</p></div>");
        </script> 
    </div> -->
    <div id="wrapper" class="clearfix">
        <header class="container_8 clearfix">
            <div class="grid_8">
                <h1>vPanel</h1>
                <form class="fr">
                    <input id="quick-search" type="text" placeholder="Search..." />
                </form>
                <nav>
                    <ul class="sf-menu clearfix">
                        <li class="active"><a href="dashboard.htm">Dashboard</a>
                            <ul>
                                <li><a href="activity.htm">Activity</a></li>
                                <li><a href="files.htm">Files</a></li>
                                <li><a href="calendar.htm">Calendar</a></li>
                                <li><a href="contacts.htm">Contacts</a></li>
                            </ul>
                        </li>
                        <li ><a href="#">Features</a>
                            <ul>
                                <li><a href="wysiwyg.htm">WYSIWYG</a></li>
                                <li><a href="forms.htm">Forms</a></li>
                                <li><a href="widgets.htm">Widgets</a></li>
                                <li><a href="tables.htm">Tables</a></li>
                                <li><a href="styles.htm">Styles</a></li>
                                <li><a href="navicons.htm">Nav Icons</a></li>
                                <li><a href="grid.htm">Grid System</a></li>
                            </ul>
                        </li>
                        <li ><a href="themes.htm">Themes</a></li>
                        <li><a href="#">Sample Menu</a>
                            <ul>
                                <li><a href="#">menuitem 1</a></li>
                                <li><a href="#">menuitem 2</a></li>
                                <li><a href="#">menuitem 3</a></li>
                                <li><a href="#">menuitem 4</a></li>
                                <li><a href="#">Sample Submenu</a>
                                    <ul>
                                        <li><a href="#">submenu 1</a></li>
                                        <li><a href="#">submenu 2</a></li>
                                        <li><a href="#">submenu 3</a></li>
                                        <li><a href="#">submenu 4</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="fr"><a href="#" class="arrow-down">hfh</a>
                            <ul>
                                <li><a href="account.htm">Account</a></li>
                                <li><a href="account.htm">Users</a></li>
                                <li><a href="account.htm">Groups</a></li>
                                <li><a href="account.htm">Help</a></li>
                                <li><a href="logout.htm">Sign out</a></li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </header>
        <section>
            <div class="container_8 clearfix">                

                <!-- Main Section -->

<script>
$(document).ready(function(){
    $('.isotope-container').isotope({ filter: $('input[name=dashboardview]:checked').val() });
    $('input[name=dashboardview]').change(function(){
        var base = this;
        setTimeout(function(){$('.isotope-container').isotope({ filter: $(base).val() });},500);
    });
});
</script>
                <section class="main-section grid_8">
                    <nav>
                        <a class="chevron" href="#">&raquo;</a>
                        <ul>
                            <li  class="current"><a href="dashboard.htm" class="navicon-house">Overview</a></li>
                            <li><a href="activity.htm" class="navicon-ekg">Activity</a></li>
                            <li><a href="files.htm" class="navicon-cabinet">File Manager</a></li>
                            <li><a href="calendar.htm" class="navicon-calendar">Calendar</a></li>
                            <li><a href="contacts.htm" class="navicon-id-card">Contacts</a></li>
                        </ul>
                    </nav>

                    <div class="main-content">
                        <header>
                            <ul class="action-buttons clearfix">
                                <li><a href="account.htm" class="button" data-icon-primary="ui-icon-wrench" data-icon-only="true">Options</a></li>
                                <li><a href="documentation/index.html" class="button help" rel="#overlay" data-icon-primary="ui-icon-help" data-icon-only="true">Help</a></li>
                            </ul>
                            <h2>
                                Overview
                            </h2>
                        </header>
                        <section class="container_6 clearfix">
                        
                            <div class="grid_6">
                                <div class="ui-widget message info closeable">
                                    <div class="ui-state-highlight ui-corner-all"> 
                                        <p>
                                            <span class="ui-icon ui-icon-info"></span>
                                            This is a sortable dashboard example.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="grid_6 leading">
                                <fieldset class="fieldset-buttons ui-corner-all">
                                    <legend class="buttonset-legend">
                                        <span id="dashboardview-filter" class="buttonset">
                                            <input type="radio" name="dashboardview" id="dashboardview-orders" value=".dash-order" checked /><label for="dashboardview-orders">Orders</label>
                                            <input type="radio" name="dashboardview" id="dashboardview-statistics" value=".dash-stat" /><label for="dashboardview-statistics">Statistics</label>
                                            <input type="radio" name="dashboardview" id="dashboardview-tickets" value=".dash-ticket" /><label for="dashboardview-tickets">Tickets</label>
                                            <input type="radio" name="dashboardview" id="dashboardview-alerts" value=".dash-alert" /><label for="dashboardview-alerts">Alerts</label>
                                            <input type="radio" name="dashboardview" id="dashboardview-todo" value=".dash-todo" /><label for="dashboardview-todo">Todo</label>
                                            <input type="radio" name="dashboardview" id="dashboardview-all" value="*" /><label for="dashboardview-all">All</label>
                                        </span>
                                    </legend>
                                    <ul class="isotope-widgets isotope-container">
                                        <li class="dash-order">
                                            <a class="button-gray ui-corner-all" href="#">
                                                <strong>20</strong>
                                                <span>Orders Today</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>20</strong>
                                                <span>Pending Today</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>0</strong>
                                                <span>Completed Today</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-gray ui-corner-all" href="#">
                                                <strong>20</strong>
                                                <span>Orders Yesterday</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>20</strong>
                                                <span>Completed Yesterday</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-gray ui-corner-all" href="#">
                                                <strong>120</strong>
                                                <span>MTD Total</span>
                                            </a>
                                        </li>
                                        <li class="dash-order">
                                            <a class="button-gray ui-corner-all" href="#">
                                                <strong>600</strong>
                                                <span>YTD Total</span>
                                            </a>
                                        </li>
                                    <!--</ul>
                                    <ul class="display-inline dash-stats">-->
                                        <li class="dash-stat">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>5</strong>
                                                <span>Active Clients</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>3</strong>
                                                <span>Unpaid Invoices</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-red ui-corner-all" href="#">
                                                <strong>3</strong>
                                                <span>Overdue Invoices</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>0</strong>
                                                <span>Pending Transfer Domains</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-red ui-corner-all" href="#">
                                                <strong>1</strong>
                                                <span>Suspended Services</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-blue ui-corner-all" href="#">
                                                <strong>0</strong>
                                                <span>Uninvoiced Billable Items</span>
                                            </a>
                                        </li>
                                        <li class="dash-stat">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>0</strong>
                                                <span>Valid Quotes</span>
                                            </a>
                                        </li>
                                    <!--</ul>
                                    <ul class="display-inline dash-tickets">-->
                                        <li class="dash-ticket">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>5</strong>
                                                <span>Tickets New</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-red ui-corner-all" href="#">
                                                <strong>5</strong>
                                                <span>Tickets Priority</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>5</strong>
                                                <span>Tickets Active</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-gray ui-corner-all">
                                                <strong>70</strong>
                                                <span>Tickets Resolved</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-gray ui-corner-all" href="#">
                                                <strong>104</strong>
                                                <span>Tickets Closed</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-blue ui-corner-all" href="#">
                                                <strong>22</strong>
                                                <span>Tickets Escalated</span>
                                            </a>
                                        </li>
                                        <li class="dash-ticket">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>0</strong>
                                                <span>Tickets Reopened</span>
                                            </a>
                                        </li>
                                        
                                        <li class="dash-alert">
                                            <a class="button-green ui-corner-all" href="#">
                                                <strong>Up</strong>
                                                <span>Up after 1 hr of downtime</span>
                                            </a>
                                        </li>
                                        
                                        <li class="dash-alert">
                                            <a class="button-red ui-corner-all" href="#">
                                                <strong>Down</strong>
                                                <span>Down for 30 minutes</span>
                                            </a>
                                        </li>
                                        
                                        <li class="dash-todo">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>03/08/2011</strong>
                                                <span>Manual Domain Renewal</span>
                                            </a>
                                        </li>
                                        <li class="dash-todo">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>08/03/2011</strong>
                                                <span>Manual Domain Transfer</span>
                                            </a>
                                        </li>
                                        <li class="dash-todo">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>01/04/2011</strong>
                                                <span>Manual Domain Renewal</span>
                                            </a>
                                        </li>
                                        <li class="dash-todo">
                                            <a class="button-orange ui-corner-all" href="#">
                                                <strong>03/04/2011</strong>
                                                <span>Manual Domain Renewal</span>
                                            </a>
                                        </li>
                                    </ul>
                                </fieldset>
                            </div>
                            
                            <div class="clear"></div>
                            
                            <div class="grid_6 leading">
                                <div class="ui-widget message info closeable">
                                    <div class="ui-state-highlight ui-corner-all"> 
                                        <p>
                                            <span class="ui-icon ui-icon-info"></span>
                                            <strong>Manual Sortable Widgets</strong> This a manually sortable widgets dashboard sample. They can also be collapsed/expanded and they can remember their state and position.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="clear"></div>
                            
                            <div class="sortable leading clearfix">
                                <div class="grid_2 portlet collapsible" id="widget-orders" draggable="true">
                                    <header>
                                        <h2>Orders</h2>
                                    </header>
                                    <section class="no-padding">
                                        <table class="full">
                                            <tbody>
                                                <tr>
                                                    <td>Orders Today</td>
                                                    <td class="ar">20</td>
                                                </tr>
                                                <tr>
                                                    <td>Pending Today</td>
                                                    <td class="ar">20</td>
                                                </tr>
                                                <tr>
                                                    <td>Completed Today</td>
                                                    <td class="ar">0</td>
                                                </tr>
                                                <tr>
                                                    <td>Orders Yesterday</td>
                                                    <td class="ar">20</td>
                                                </tr>
                                                <tr>
                                                    <td>Completed Yesterday</td>
                                                    <td class="ar">20</td>
                                                </tr>
                                                <tr>
                                                    <td>Month to Date Total</td>
                                                    <td class="ar">120</td>
                                                </tr>
                                                <tr>
                                                    <td>Year to Date Total</td>
                                                    <td class="ar">600</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </div>
                                <div class="grid_2 portlet collapsible" id="widget-statistics" draggable="true">
                                    <header>
                                        <h2>Statistics</h2>
                                    </header>
                                    <section class="no-padding">
                                        <table class="full">
                                            <tbody>
                                                <tr>
                                                    <td>Active Clients</td>
                                                    <td class="ar">5</td>
                                                </tr>
                                                <tr>
                                                    <td>Unpaid Invoices</td>
                                                    <td class="ar">3</td>
                                                </tr>
                                                <tr>
                                                    <td>Overdue Invoices</td>
                                                    <td class="ar">3</td>
                                                </tr>
                                                <tr>
                                                    <td>Pending Transfer Domains</td>
                                                    <td class="ar">0</td>
                                                </tr>
                                                <tr>
                                                    <td>Suspended Services</td>
                                                    <td class="ar">1</td>
                                                </tr>
                                                <tr>
                                                    <td>Uninvoiced Billable Items</td>
                                                    <td class="ar">0</td>
                                                </tr>
                                                <tr>
                                                    <td>Valid Quotes</td>
                                                    <td class="ar">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </div>
                                <div class="grid_2 portlet collapsible" id="widget-tickets" draggable="true">
                                    <header>
                                        <h2>Tickets</h2>
                                    </header>
                                    <section class="no-padding">
                                        <table class="full">
                                            <tbody>
                                                <tr>
                                                    <td>New Tickets</td>
                                                    <td class="ar">5</td>
                                                </tr>
                                                <tr>
                                                    <td>Priority Tickets</td>
                                                    <td class="ar">5</td>
                                                </tr>
                                                <tr>
                                                    <td>Active Tickets</td>
                                                    <td class="ar">5</td>
                                                </tr>
                                                <tr>
                                                    <td>Resolved Tickets</td>
                                                    <td class="ar">70</td>
                                                </tr>
                                                <tr>
                                                    <td>Closed Tickets</td>
                                                    <td class="ar">104</td>
                                                </tr>
                                                <tr>
                                                    <td>Escalated Tickets</td>
                                                    <td class="ar">22</td>
                                                </tr>
                                                <tr>
                                                    <td>Reopened Tickets</td>
                                                    <td class="ar">0</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </div>
                            </div>
                            
                            <div class="clear"></div>
                            
                            <div class="grid_6 leading">
                                <div class="ui-widget message info closeable">
                                    <div class="ui-state-highlight ui-corner-all"> 
                                        <p>
                                            <span class="ui-icon ui-icon-info"></span>
                                            <strong>Static Widgets</strong> This is a static widgets dashboard sample. They can also be collapsed/expanded and they can remember their state.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="clear"></div>
                            
                            <div class="grid_6 leading">
                                <div class="portlet collapsible" id="widget-todolist">
                                    <header>
                                        <h2>Todo List</h2>
                                    </header>
                                    <section class="no-padding clearfix">
                                        <table class="full">
                                            <thead>
                                                <tr>
                                                    <th class="ui-state-default">Date</th>
                                                    <th class="ui-state-default">Title</th>
                                                    <th class="ui-state-default">Description</th>
                                                    <th class="ui-state-default">Due Date</th>
                                                    <th class="ui-state-default">Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr><td>21/11/2010</td><td>Manual Domain Renewal</td><td>Client ID 2 has paid for the renewal of domain domain1.com</td><td class="ac">21/11/2008</td><td class="ac">Pending</td></tr>
                                                <tr><td>21/09/2010</td><td>Manual Domain Registration</td><td>Client ID 6 has paid for the registration of domain domain2.com and...</td><td class="ac">21/09/2009</td><td class="ac">Pending</td></tr>
                                                <tr><td>19/10/2010</td><td>Manual Domain Renewal</td><td>Client ID 2 has paid for the renewal of domain domain3.com</td><td class="ac">19/10/2009</td><td class="ac">Pending</td></tr>
                                                <tr><td>11/08/2011</td><td>Manual Domain Renewal</td><td>Client ID 4 has paid for the renewal of domain domain4.com</td><td class="ac">11/08/2010</td><td class="ac">Pending</td></tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </div>
                            </div>
                            
                            <div class="grid_6 leading">
                                <div class="portlet collapsible" id="widget-latestactivity">
                                    <header>
                                        <h2>Latest Activity</h2>
                                    </header>
                                    <section class="no-padding clearfix">
                                        <table class="full">
                                            <thead>
                                                <tr>
                                                    <th class="ui-state-default">Date</th>
                                                    <th class="ui-state-default">Description</th>
                                                    <th class="ui-state-default">Username</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Completed </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Running Usage Stats Update </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Closing Inactive Support Tickets </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Sending Domain Renewal Notices </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Sending Invoice Reminders </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Credit Card Payments Processed (0 Captured, 0 Failed) </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Credit Card Processing </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Adding Late Fees </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Generating Invoices </td><td>System</td></tr>
                                                <tr><td>05/03/2011 00:00</td><td>Cron Job: Updating Currency Exchange Rates </td><td>System</td></tr>
                                            </tbody>
                                        </table>
                                    </section>
                                </div>
                            </div>
                            
                            <div class="grid_6 leading">
                                <div class="portlet collapsible" id="Div1">
                                    <header>
                                        <h2>WYSIWYG Editor</h2>
                                    </header>
                                    <section class="no-padding clearfix">
                                    <textarea id="wysiwyg" cols="" rows=""></textarea>                                     		
                                    </section>
                                </div>
                            </div>
                            
                            <div class="grid_4 leading">
                                <div class="portlet collapsible" id="Div2">
                                    <header>
                                        <h2>WYSIWYG Editor</h2>
                                    </header>
                                    <section class="no-padding clearfix">                                                                        <ul id="contacts" class="listing list-view clearfix">
                                <li class="contact clearfix">
                                    <div class="avatar"><img src="images/user_32.png" /></div>
                                    <a class="more" href="janeroe.html">&raquo;</a>
                                    <span class="timestamp">Dec 28, 2010</span>
                                    <a href="#" class="name">Jane Roe</a>
                                    <div class="entry-meta">
                                        Contact added by Administrator
                                    </div>
                                </li>
                                <li class="company clearfix">
                                    <div class="avatar"><img src="images/users_business_32.png" /></div>
                                    <a class="more" href="othercompany.html">&raquo;</a>
                                    <span class="timestamp">Dec 28, 2010</span>
                                    <a href="#" class="name">Other Company Inc.</a>
                                    <div class="entry-meta">
                                        Company added by Administrator
                                    </div>
                                </li>
                                <li class="contact clearfix">
                                    <div class="avatar"><img src="images/user_32.png" /></div>
                                    <a class="more" href="johndoe.html">&raquo;</a>
                                    <span class="timestamp">Dec 28, 2010</span>
                                    <a href="#" class="name">John Doe</a>
                                    <div class="entry-meta">
                                        Contact added by Administrator
                                    </div>
                                </li>
                                <li class="company clearfix">
                                    <div class="avatar"><img src="images/users_business_32.png" /></div>
                                    <a class="more" href="somecompany.html">&raquo;</a>
                                    <span class="timestamp">Dec 28, 2010</span>
                                    <a href="#" class="name">Some Company LTD</a>
                                    <div class="entry-meta">
                                        Company added by Administrator
                                    </div>
                                </li>
                            </ul>                                   		
                                    </section>
                                    
                                     <div class="preview-pane grid_3 omega">                                    <div class="preview">
                                    </div>
                                </div>
                                
                    
                            </div>
                            </div>
                            
                            <div class="grid_4 leading">
                                <div class="portlet collapsible" id="Div3">
                                    <header>
                                        <h2>DatePicker Editor</h2>
                                    </header>
                                    <section class="no-padding clearfix">                                                                                                           		
                                    </section>
                                    
                                     <div class="preview-pane grid_3 omega">                                    <div class="preview">
                                    </div>
                                </div>
                                
                    
                            </div>
                            </div>
                        </section>
                    </div>
                </section>

                <!-- Main Section End -->

            </div>
        </section>
    </div>
    <footer>
        <div id="footer-inner" class="container_8 clearfix">
            <div class="grid_8">
                <span class="fr"><a href="#">Documentation</a> | <a href="#">Feedback</a></span>Last account activity from 127.0.0.1 - <a href="#">Details</a> | &copy; 2011. All rights reserved. Theme design by VivantDesigns
            </div>
        </div>
    </footer>
</body>
</html>
